import { defineComponent } from 'vue'

import type { IconType } from '@/types/Icontsx'

function gitIcon(props: IconType): JSX.Element {
  return (
    <svg
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="11912"
      width={props.size}
      height={props.size}
    >
      <path
        d="M1016 496L528 6.4c-8-8-22.4-8-32 0l-134.4 134.4 124.8 124.8c9.6-4.8 20.8-6.4 32-6.4 46.4 0 81.6 36.8 81.6 81.6 0 11.2-1.6 22.4-6.4 32l99.2 99.2c9.6-4.8 20.8-6.4 32-6.4 46.4 0 81.6 36.8 81.6 81.6 0 46.4-36.8 81.6-81.6 81.6-46.4 0-81.6-36.8-81.6-81.6 0-11.2 1.6-22.4 6.4-32L550.4 416h-1.6v188.8c30.4 12.8 51.2 41.6 51.2 76.8 0 46.4-36.8 81.6-81.6 81.6-46.4 0-81.6-36.8-81.6-81.6 0-35.2 20.8-64 51.2-76.8V419.2c-30.4-12.8-51.2-41.6-51.2-76.8 0-11.2 1.6-22.4 6.4-32l-124.8-126.4L6.4 496c-8 8-8 22.4 0 32L496 1017.6c8 8 22.4 8 32 0L1017.6 528c8-8 8-24-1.6-32z"
        p-id="11913"
        fill="currentColor"
      ></path>
    </svg>
  )
}

export default defineComponent({
  props: {
    size: {
      type: Number,
      default: 24
    }
  },
  render(props: IconType) {
    return gitIcon(props)
  }
})
